<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>小米商城 - 小米11 Ultra、Redmi K40 Pro、MIX FOLD，小米电视官方网站</title>
    <meta name="description" content="小米官网直营小米公司旗下所有产品，包括小米手机系列小米11 Ultra、MIX FOLD，Redmi 红米系列Redmi Note 9、Redmi K40 Pro，小米电视、笔记本、米家智能家居等，同时提供小米客户服务及售后支持." />
    <meta name="keywords" content="小米,redmi,小米11 Ultra,Redmi Note 9,小米MIX Alpha,小米商城" />
    <!-- 引用基础样式、公共样式 -->
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/commons.css">
    <!-- 引用bigbug图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
    <script src="js/animate.js"></script>
    <script src="js/index.js"></script>

</head>

<body>
    <!-- 快捷导航shortcut -->
    <!-- 快捷导航start -->
    <section class="shortcut">
        <div class="w">
            <!-- 左侧盒子 -->
            <div class="fl">
                <ul>
                    <li><a href="#">小米商城<em>|</em></a></li>
                    <li><a href="#">MIUI<em>|</em> </a></li>
                    <li><a href="#">IoT<em>|</em></a></li>
                    <li><a href="#">云服务 <em>|</em></a></li>
                    <li><a href="#">天星数科 <em>|</em></a></li>
                    <li><a href="#"> 有品 <em>|</em></a></li>
                    <li><a href="#"> 小爱开放平台<em>|</em> </a></li>
                    <li><a href="#"> 企业团购<em>|</em></a></li>
                    <li><a href="#"> 资质证照 <em>|</em></a></li>
                    <li><a href="#"> 协议规则<em>|</em></a></li>
                    <li><a href="#"> 下载app<em>|</em></a></li>
                    <li><a href="#"> 智能生活<em>|</em></a></li>
                    <li><a href="#"> Select Location<em>|</em></a></li>


                </ul>
            </div>
            <!-- 右侧盒子 -->
            <div class="fr">
                <ul>
                    <li><a href="#">登录</a></li>
                    <li class="ll"></li>
                    <li><a href="#">注册</a></li>
                    <li class="ll"></li>
                    <li><a href="#">消息通知</a></li>
                    <li class="shopcar"><a href="#">购物车(0)</a>
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <!-- 快捷导航end -->

    <!-- 头部header -->
    <!-- 头部start -->
    <section class="header w">
        <!-- logo部分 -->
        <div class="logo">
            <h1>
                <a href="#" title="小米官网">小米官网</a>
            </h1>
        </div>
        <!-- hotwords部分 -->
        <div class="hotwords">
            <ul>
                <li><a href="#">小米手机</a></li>
                <li><a href="#">Redmi 红米</a></li>
                <li><a href="#">电视</a></li>
                <li><a href="#">笔记本</a></li>
                <li><a href="#">家电</a></li>
                <li><a href="#">路由器</a></li>
                <li><a href="#">智能硬件</a></li>
                <li><a href="#">服务</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
        <!-- 搜索部分 -->
        <div class="search">
            <input type="text" placeholder="小米12">
            <!-- <button>搜索</button> -->
            <input type="button" value="" class="search-btn iconfont">
        </div>

    </section>
    <!-- 头部end -->

    <!-- 导航栏nav  -->
    <!-- 导航栏nav-start  -->
    <section class="nav w">
        <div class="slider ">
            <span>返回顶部</span>
        </div>
        <div class="dropdown">
            <ul>
                <li><a href="#">手机 电话卡</a></li>
                <li><a href="#">电视 盒子</a></li>
                <li><a href="#"> 笔记本 显示器</a></li>
                <li><a href="#">家电 插线板</a></li>
                <li><a href="#">出行 穿戴</a></li>
                <li><a href="#">智能 路路由器</a></li>
                <li><a href="#">电源 配件</a></li>
                <li><a href="#">健康 儿童</a></li>
                <li><a href="#">耳机 音像</a></li>
                <li><a href="#">生活 箱包</a></li>

            </ul>
        </div>
        <div class="main">
            <a href="javascript:;" class="pro"></a>
            <a href="javascript:;" class="pre"></a>
            <ul>
                <li><img src="upload/lunbo.webp" alt=""></li>
                <li><img src="upload/lunbo1.webp" alt=""></li>
                <li><img src="upload/lunbo2.webp" alt=""></li>
            </ul>


        </div>

    </section>
    <!-- 导航栏nav--end  -->

    <!-- 推荐模块 -->
    <!-- 推荐模块-start -->
    <div class="recom w">
        <div class="reco-left">
            <ul>
                <li>
                    <i></i>
                    <a href="#">小米秒杀</a>
                </li>

                <li>
                    <i></i>
                    <a href="#">小米秒杀</a>
                </li>

                <li>
                    <i></i>
                    <a href="#">小米秒杀</a>
                </li>

                <li>
                    <i></i>
                    <a href="#">小米秒杀</a>
                </li>

                <li>
                    <i></i>
                    <a href="#">小米秒杀</a>
                </li>

                <li>
                    <i></i>
                    <a href="#">小米秒杀</a>
                </li>
            </ul>
        </div>

        <div class="reco-right">
            <ul>
                <li>
                    <a href="#"><img src="imags/reco-1.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="imags/reco-2.jpg" alt=""></a>
                </li>
                <li>
                    <a href="#"><img src="imags/reco-3.jpg" alt=""></a>
                </li>
            </ul>
        </div>

    </div>
    <!-- 推荐模块-end -->

    <!-- 秒杀模块 -->
    <!-- 秒杀模块start -->
    <div class="home-main">
        <div class="home-hero-container container ">
            <div class="plain-box w">
                <!-- head  -->
                <div class="box-hd ">
                    <h3>小米秒杀</h3>
                    <a href="#">查看更多</a>
                </div>
                <!-- body -->
                <div class="box-bd">
                    <div class="cutdown">
                        <div class="round">14: 00 场</div>
                        <img src="imags/shandian.png" alt="小米闪购">
                        <div class="desc">距离结束还有</div>
                        <div class="countdown clearfix">
                            <span class="hour">02</span><i>:</i> <span class="minute">55</span>
                            <i>:</i> <span class="second">18</span>
                        </div>
                    </div>
                    <div class="list">
                        <ul>
                            <li>
                                <a href="#"><img src="imags/mi1.png" alt="">
                                    <h4>小米手环5 nfc</h4>
                                    <p class="fs-font">磁吸式充电</p>
                                    <div>
                                        <p>169元&nbsp;</p>
                                        <i>189元</i>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#"><img src="imags/mi2.png" alt="">
                                    <h4>米家增压蒸汽挂烫机 白色</h4>
                                    <p class="fs-font">轻松深层除皱</p>
                                    <div>
                                        <p>549元&nbsp;</p>
                                        <i>599元</i>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#"><img src="imags/m3.jpg" alt="">
                                    <h4>米家防蓝光护目镜 Pro</h4>
                                    <p class="fs-font">磁吸式充电</p>
                                    <div>
                                        <p>139元&nbsp;</p>
                                        <i>149元</i>
                                    </div>
                                </a>
                            </li>
                            <li>
                                <a href="#"><img src="imags/m4.jpg" alt="">
                                    <h4>小米手环5 nfc</h4>
                                    <p class="fs-font">磁吸式充电</p>
                                    <div>
                                        <p>169元&nbsp;</p>
                                        <i>189元</i>
                                    </div>
                                </a>
                            </li>

                        </ul>
                    </div>
                </div>

            </div>
            <!-- advertisement广告位-->
            <div class="advertisement w clearfix">
                <a href="#"><img src="upload/advertise.png" alt="">
                </a>
            </div>

            <!-- 手机模块 -->
            <!-- 手机模块-start -->
            <div class="mobile w">
                <div class="mobile-hd">
                    <h3 class="title">手机</h3>
                    <a href="#">查看更多</a>
                </div>

                <div class="mobile-bd clearfix">
                    <div class="mobile-rows ">
                        <img src="upload/mobile-img.jpeg" alt="">
                        <div class="mobile-rights">
                            <ul>
                                <li>
                                    <a href="javascript:;">
                                        <div class="figure-img">
                                            <img src="upload/m11.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯，VC液冷散热</p>
                                        <div class="fn-list">
                                            <p>1499元&nbsp;</p>
                                            <i>&nbsp;1699元</i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <div class="figure-img">
                                            <img src="upload/m11.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯，VC液冷散热</p>
                                        <div class="fn-list">
                                            <p>1499元&nbsp;</p>
                                            <i>&nbsp;1699元</i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <div class="figure-img">
                                            <img src="upload/m11.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯，VC液冷散热</p>
                                        <div class="fn-list">
                                            <p>1499元&nbsp;</p>
                                            <i>&nbsp;1699元</i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <div class="figure-img">
                                            <img src="upload/m11.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯，VC液冷散热</p>
                                        <div class="fn-list">
                                            <p>1499元&nbsp;</p>
                                            <i>&nbsp;1699元</i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <div class="figure-img">
                                            <img src="upload/m11.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯，VC液冷散热</p>
                                        <div class="fn-list">
                                            <p>1499元&nbsp;</p>
                                            <i>&nbsp;1699元</i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <div class="figure-img">
                                            <img src="upload/m11.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯，VC液冷散热</p>
                                        <div class="fn-list">
                                            <p>1499元&nbsp;</p>
                                            <i>&nbsp;1699元</i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <div class="figure-img">
                                            <img src="upload/m11.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯，VC液冷散热</p>
                                        <div class="fn-list">
                                            <p>1499元&nbsp;</p>
                                            <i>&nbsp;1699元</i>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="javascript:;">
                                        <div class="figure-img">
                                            <img src="upload/m11.webp" alt="">
                                        </div>
                                        <h3 class="title">Note 10 Pro</h3>
                                        <p class="desc">天玑1100年度旗舰芯，VC液冷散热</p>
                                        <div class="fn-list">
                                            <p>1499元&nbsp;</p>
                                            <i>&nbsp;1699元</i>
                                        </div>
                                    </a>
                                </li>

                            </ul>
                            <!-- <a href="#">1</a> -->
                        </div>
                    </div>


                </div>

            </div>
        </div>
    </div>
    <!-- 秒杀模块 end-->

    <!-- footer ? -->
    <!-- footer ?start -->
    <div class="footer">
        <div class="footer-main w">
            <div class="footer-service">
                <ul>
                    <li><a href="#"><i></i> 预约维修服务</a></li>
                    <li><a href="#"><i></i> 预约维修服务</a></li>
                    <li><a href="#"><i></i> 预约维修服务</a></li>
                    <li><a href="#"><i></i> 预约维修服务</a></li>
                    <li><a href="#"><i></i> 预约维修服务</a></li>
                </ul>
            </div>
            <div class="footer-help">
                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>

                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>

                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>

                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>

                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>

                <dl class="col-links">
                    <dt>帮助中心</dt>
                    <dd>账户管理</dd>
                    <dd>购物指南</dd>
                    <dd>订单操作</dd>
                </dl>
                <div class="col-contact">
                    <p class="phone">400-100-5678</p>
                    <p>8:00-18:00（仅收市话费）</p>
                    <a> 人工客服 </a>

                    <div class="follow">关注小米：
                        <a href="https://weibo.com/xiaomishangcheng" target="_blank" class="wb"></a>
                        <a href="javascript:void(0);" id="J_followWx" class="wx"></a>
                        <img src="#" id="J_followWxImg" style="display: none;">
                    </div>
                </div>
            </div>

            <div class="footer-copyright">3</div>
        </div>

    </div>
    <!-- footer ?end -->
</body>

</html>